<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>报平安信息填写</title>
    <!-- <link href="https://cdn.bootcss.com/font-awesome/5.10.2/css/fontawesome.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css">
<!--    <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">-->
<!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>-->
    <link rel="stylesheet" href="style.css">
</head>

<body>
<div class="container">
    <h1 class="brand"><span>CTGU</span>自动报平安</h1>
    <div class="wrapper animated bounceInLeft">

        <div class="company-info">
            <h3>欢迎使用CTGU自动报平安程序！</h3>
            <ul>
                <li>作者：盛意以山河z</li>
                <li><i ></i>QQ群：679652681</li>
                <li><i ></i>微信公众号：620黑科技</li>
            </ul>
            <div class="notice">
                <b style="font-size: 20px">使用须知：</b>
                <li><i ></i>信息提交成功后，您的安全上报会将于每日凌晨完成上报。</li>
                <li><i ></i>您的个人信息绝不会泄露，请放心填写！</li>
                <li><i ></i>本程序由个人开发，与学校无关，请悉知。</li>
                <li><i ></i>如您觉得好用，可以分享给朋友，亦或是打赏支持我。</li>
                <li><i ></i>更多CTGU专属福利，敬请关注微信公众号：620黑科技。</li>
                <b style="font-size: 20px">常见问题：</b>
                <li><i ></i>我不想报了咋办：直接在学生处微信公众号改密码即可退出自动报平安队列。</li>
                <li><i ></i>提交信息很慢/出问题：学校官方的问题，懂得都懂，建议换个时间段再提交再试。</li>
            </div>
        </div>

        <div class="contact">
            <h3>请填写相关信息</h3>
            <form id="contactForm" action="/yiqing/submit" method="post">
                <p class="full">
                    <label>学号</label>
                    <input type="text" name="username" id="username">
                </p>
                <p class="full">
                    <label>密码(默认身份证后六位)</label>
                    <input type="text" name="password" id="password">
                </p>
                <p class="full">
                    <label>QQ</label>
                    <input type="text" name="qq" id="qq">
                </p>
                <p class="full">
                    <label>留言(选填)</label>
                    <textarea type="text" name="message" rows="5" id="message"></textarea>
                </p>

                <p class="full">
                    <button type="submit" value="提交">提交</button>
                </p>
            </form>
        </div>

        <div class="qr-code">
            <p >用爱发电不易<br />感谢支持！</p>
            <img class="my_qr_code" src="https://gitee.com/ctgu_2018137120/My_Pictures/raw/master//20200907-150733-0939.jpg" width="250" height="275"/>

        </div>
    </div>
</div>
<script src="https://www.gstatic.com/firebasejs/5.10.1/firebase.js"></script>







</body>

</html>
